<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title>JavaScript video player</title>
    <style>
      body {
        position: absolute;
        width: 99%; height: 99%;
        background: #333;
        font: 100%/1.2em "Helvetica Nue", "Arial", "Verdana", sans-serif;
      }
      a:link { color: #999; }
      a:hover { color: #fff; }
      a:visited { color: #055; }
      #p {
        position: absolute;
        width: 320px; height: 240px;
        top: 50%; left: 50%;
        margin: -130px 0 0 -170px;
        padding: 10px;
        border: 1px solid #d9d9d9;
        background-color: #e9e9e9;
        border-radius: 5px;
       -moz-border-radius: 5px; -webkit-border-radius: 5px;
      }
      #old { display: none; }
      p.copy, p.copy-me {
        margin: 0.75em 0 0 0; padding: 0;
        text-align: center;
        color: #999;
        font-size: 70%;
      }
      p.copy-me { margin: 0; line-height: 1em; }
    </style>
  </head>
  <body>
    <div id="p">
      <canvas id="s" width="320" height="240"> </canvas>
      <p id="old">
        Your browser doesn't support <strong>HTML5&nbsp;Canvas</strong>. Please,&nbsp;update your old
        browser to&nbsp;modern one, like <a href="http://www.apple.com/safari/download/" target="_blank">Safari&nbsp;4</a>
        or&nbsp;<a href="http://getfirefox.com/" target="_blank">Firefox&nbsp;3.5</a>. Thanks.
      </p>
      <p class="copy">Video: Apple iPod nano commercial (1-250 frames cropped).</p>
      <p class="copy-me">2009 &copy; <a href="mailto:borisov.gleb@gmail.com">Gleb M. Borisov</a></p>
    </div>
    <script type="text/javascript" src="movie.arc.js"> </script>
    <script type="text/javascript" src="movie.js"> </script>
    <!-- Yandex.Metrika -->
    <script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript"></script>
    <script type="text/javascript">
        try { var yaCounter527414 = new Ya.Metrika(527414); } catch(e){}
    </script>
    <noscript><div style="position: absolute;"><img src="//mc.yandex.ru/watch/527414" alt="" /></div></noscript>
    <!-- /Yandex.Metrika -->
  </body>
</html>
